<template>
	<view>
		<!--搜索 -->
		<view class="search margin-20">
			<view class="iconfont icon-chaxun">
			</view>
			<input v-model="value" @input="SearchInout" class="input"
			 type="text" placeholder="输入关键词搜索" 
			 placeholder-style="color:rgba(65, 79, 96, 0.5)">
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value:''

			}
		},
		methods: {
			SearchInout(e){
				this.$emit('input',e.detail.value)
			},

		}
	}
</script>

<style lang="less">
	// 搜索
	.search {
		display: flex;
		align-items: center;
		border-radius: 100px;
		background: #F5F5F5;
		margin: 20rpx;
		padding: 15rpx 30rpx;
		font-size: 24rpx;
		color: #414F60;
	
		.input {
			width: 100%;
			padding-left: 10rpx;
	
		}
	
	}

</style>